<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aanmeldapplicatie</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<div id="page">
<!-- header on -->
<header class="gl-header">
  <div class="gl-inner cf">
  	<div class="bl-hd-logos">
  		<h1>Aanmeldapplicatie <span>basisschoolleerlingen</span></h1>
      <figure class="el-ppo"><a href="#" title="PPO"><img src="images/hd-logo-ppo.png" alt="PPO"></a></figure>
      <figure class="el-dh"><a href="#" title="Den Haag"><img src="images/hd-logo-dh.png" alt="Den Haag"></a></figure>
    </div>
    <dl class="bl-hd-user">
    	<dt>OBS Annie M.G. Schmidtschool</dt>
      <dd><a href="#" title="Meer informatie">Meer informatie</a></dd>
      <dd><a href="#" title="Instellingen">Instellingen</a></dd>
    </dl>
  </div>
</header>
<!-- header off -->
<!-- content on -->
<div class="gl-tabs">
	<div class="gl-inner cf">
  	<ul class="bl-ls-tabs">
      <li><a href="#" title="Aanmelden">Aanmelden <span>Schooljaar <strong>2016/2017</strong></span></a></li>
      <li><a href="#" title="Toelaten">Toelaten <span>Schooljaar <strong>2016/2017</strong></span></a></li>
      <li><a href="#" title="Historie">Historie <span>Eerdere schooljaren</span></a></li>
    </ul>
    <div class="bl-ls-form">
    	<h3>Zoek kind <a class="el-help" href="#tip_zoek"></a></h3>
      <!-- tooltip content on -->
      <div class="un-tip-data" id="tip_zoek">
      	<h4>Zoek kind</h4>
        <p>In GBA staan gegevens van kinderen van 1-jarige leeftijd. Om een kind aan te melden, wijzigen of af te melden kunt u een kind vinden op BSN of briefcode. Als alternatief kunt ook op achternaam en geboortedatum zoeken. Als een kind niet gevonden wordt kunt u deze alsnog  aanmelden.</p>
      </div>
      <!-- tooltip content off -->
      <ul class="un-form-type cf">
      	<li><input type="radio" name="type_zoek" id="type_brief" /><label for="type_brief">Briefcode</label></li>
        <li><input type="radio" name="type_zoek" id="type_bsn" /><label for="type_bsn">BSN</label></li>
        <li><input type="radio" name="type_zoek" id="type_name" /><label for="type_name">Naam en geboortedatum</label></li>
      </ul>
      <div class="un-form-bsn" data-radio-id="type_brief">
      	<div class="cf">
          <p class="un-col">
            <label>Vul briefcode in.</label>
            <input type="text" id="code_brief" placeholder="Briefcode" value="">
            <button class="el-btn-orange" type="submit"><span>Ga</span></button>
          </p>
        </div>
      </div>
      <div class="un-form-bsn" data-radio-id="type_bsn">
      	<div class="cf">
          <p class="un-col">
            <label>Vul BSN in.</label>
            <input type="text" id="code_bsn" placeholder="BSN" value="">
            <button class="el-btn-orange" type="submit"><span>Ga</span></button>
          </p>
        </div>
      </div>
      <div class="un-form-name" data-radio-id="type_name">
      	<div class="cf">
          <p class="un-col">
            <label>Achternaam</label>
            <input type="text" id="code_name" placeholder="Achternaam" value="">
          </p>
          <p class="un-col">
            <label>Geboortedatum</label>
            <input class="el-small" type="text" placeholder="DD-MM-JJJJ" value="">
            <button class="el-btn-orange" type="submit"><span>Ga</span></button>
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="gl-def">
	<div class="gl-inner cf">
  	<section class="bl-st">
    	<div class="un-st-ttl cf">
      	<h2>Instellingen</h2>
        <p>Voor de Openbare basisschool Annie MG Schmidt.</p>
        <p>NB Het leerlingplafond en de adresgegevens van school worden in de Wegwijzer applicatie vastgelegd.</p>
      </div>
      <div class="un-st-accord">
      	<h3>E-mailadres aanpassen</h3>
        <div class="un-st-data un-st-mail">
        	<p>Op dit opgegeven e-maildres ontvangt u de brieven die automatisch gegenereerd worden bij het aanmelden, toelaten en afwijzen van kinderen. Ook herinneringen of meldingen van de aanmeldapplicatie ontvangt u op dit e-mailadres.</p>
          <div class="un-row cf"><input type="text" value=""><button class="el-btn-blue"><span>Aanpassen</span></button></div>
        </div>
        <h3>Wachtwoord wijzigen</h3>
        <div class="un-st-data un-st-pass">
        	<ul>
          	<li>Het wachtwoord bestaat uit minstens 8 karakters</li>
            <li>Het wachtwoord bevat minimaal : 1 speciaal karakter (bijv. #, $, %, !); 1 cijfer en 1 hoofdletter</li>
          </ul>
          <div class="un-row cf">
          	<label for="cur_pass">Uw huidige wachtwoord</label>
            <input id="cur_pass" type="password" value="">
          </div>
          <div class="un-row cf">
          	<label for="new_passw">Uw nieuwe wachtwoord</label>
            <input id="new_passw" type="password" value="">
          </div>
          <div class="un-row cf">
          	<label for="new_passw_rep">Herhaal uw nieuwe wachtwoord</label>
            <input id="new_passw_rep" type="password" value="">
          </div>
          <div class="un-btn cf">
          	<button class="el-btn-blue"><span>Aanpassen</span></button>
          </div>
        </div>
        <h3 class="el-open">Selectiecriteria</h3>
        <div class="un-st-data un-st-crit">
        	<p>Om het slectieproces sneller te laten verlopen kunt u in de aanmeldapplicatie gebruik maken van selectiecriteria. Bij aanmelding van een kind kunt u dan aangeven of een kind hieraan voldoet. De selectiecriteria van het schooljaar waar aanmelden en toelaten nu voor plaatsvindt, kunnen niet worden aangepast. Ook de criteria van voorgaande jaren kunnen niet meer worden aangepast.</p>
          <p>Voor het komende schooljaar van aanmelden kunt u de selectiedriteria hieronder instellen. Selectiecriteria gebruiken in de aanmeldapplicatie is niet verplicht. Standaard worden de criteria van het jaar daarvoor overgenomen die u kunt wijzigen. De volgorde waarin u selectiecriteria plaatst, toont de volgorde van weergave in de lijst met aanmeldingen in de aanmeldapplicatie.</p>
          <p><a href="#" title="Hoe verhouden deze selectiecriteria zich tot die in het gepubliceerde toelatingsbeleid van mijn school?">Hoe verhouden deze selectiecriteria zich tot die in het gepubliceerde toelatingsbeleid van mijn school?</a></p>
          <h4>Selectiecriteria komend aanmeldjaar</h4>
          <div class="un-generic">
          </div>
          <div class="un-generic-form">
          </div>
        </div>
        <h3>Standaard brieven</h3>
        <div class="un-st-data">
        	<p>Kies het opmaakprofiel voor de brieven die automatisch gegenereerd worden bij het aanmelden, toelaten en afwijzen van kinderen. NB De brieven zijn altijd volledig aan te passen voordat u ze verstuurt.</p>
          <div class="un-upl-logo cf">
          	<h4>Uw logo</h4>
          	<figure><a href="#" title=""><img src="images/content/cnt-img-03.png" alt=""><span>Verwijderen</span></a></figure>
          	<p><a href="#" title="Logo uploaden">Logo uploaden</a></p>
          </div>
          <div class="un-chn-view">
          	<h4>Kies uw opmaakprofiel</h4>
            <div class="un-row cf">
            	<select><option>Opmaakprofiel - logo links</option></select>
              <button class="el-btn-blue"><span>Toepassen</span></button>
            </div>
            <div class="un-chn-mail">
            	<div class="el-head">
                <div class="el-logo">
                  <img src="images/content/cnt-img-03.png" alt="" width="120">
                  <p>T.a.v. J.Janssen</p>
                  <p>Dorpsstraat 15</p>
                  <p>2100 AA Den Haag</p>
                </div>
                <div class="el-contact">
                  <h5>A.M.G. Schmidtschool</h5>
                  <dl>
                    <dt>Adres</dt>
                    <dd>Jacob de Graefflaan 10-14<br />2517JM Den Haag</dd>
                  </dl>
                  <dl>
                    <dt>Telefoon</dt>
                    <dd>0703451256</dd>
                  </dl>
                  <dl>
                    <dt>E-mailadres</dt>
                    <dd>info@amgschmidtschool.nl</dd>
                  </dl>
                  <dl>
                    <dt>Internet</dt>
                    <dd>www.amgschmidtschool.nl</dd>
                  </dl>
                </div>
              </div>
              
            	<p>DD-MM-JJJJ, Den Haag</p>
              <br />
              <p>Geachte &lt;Naam&gt;,</p>
              <br />
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis posuere facilisis. Proin ornare ligula sed diam sodales a venenatis tellus pulvinar. Proin nulla diam, lobortis sit amet pulvinar at, posuere sit amet nisl. Sed in sem ante. Sed consectetur sapien lacus. </p>
              <br />
              <p>Nullam fringilla ipsum eget nibh scelerisque a accumsan nibh eleifend. In quam magna, laoreet sit amet ultricies eget, dictum vitae justo. Vivamus mollis augue quis dolor imperdiet in egestas mauris tempus. </p>
              <br />
              <p>Met vriendelijke groet,<br />&lt;Naam&gt;<br />&lt;School&gt;</p>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="gl-footer">
	<div class="gl-inner cf">
  	<div class="bl-ft-accord">
    	<h3>Veelgestelde vragen</h3>
      <dl>
      	<dt>Voor welke kinderen is de regeling van toepassing?</dt>
        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse hendrerit ligula quis velit pharetra egestas. Ut molestie elit non massa. Vivamus tincidunt bibendum velit. Quisque nisl diam, nonummy eu, lobortis consequat, mollis ut, tellus. In iaculis. <a href="#" title="Lees verder">Lees verder</a></dd>
        <dt>Wat is de overgangsregeling?</dt>
        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse hendrerit ligula quis velit pharetra egestas. Ut molestie elit non massa. Vivamus tincidunt bibendum velit. Quisque nisl diam, nonummy eu, lobortis consequat, mollis ut, tellus. In iaculis. <a href="#" title="Lees verder">Lees verder</a></dd>
        <dt>Voor welke scholen geldt de regeling?</dt>
        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse hendrerit ligula quis velit pharetra egestas. Ut molestie elit non massa. Vivamus tincidunt bibendum velit. Quisque nisl diam, nonummy eu, lobortis consequat, mollis ut, tellus. In iaculis. <a href="#" title="Lees verder">Lees verder</a></dd>
      </dl>
      <p><a href="#" title="Alle veelgestelde vragen...">Alle veelgestelde vragen...</a></p>
    </div>
    <div class="bl-ft-logos">
    	<p>Initiatief van de gemeente Den Haag en het Platform Primair Onderwijs.</p>
      <figure><a href="#" title="Den Haag"><img src="images/ft-logo-dh.gif" alt="Den Haag"></a></figure>
      <figure><a href="#" title="PPO"><img src="images/ft-logo-ppo.gif" alt="PPO"></a></figure>
    </div>
  </div>
</footer>
<!-- footer off -->
</div>
<div class="bl-ls-modal" id="modal_allow_complete">
	<h3>Toelaten afronden</h3>
  <p class="el-head">Voor de locatie Van Hoornbeekstraat.</p>
  <div class="un-size">
  	Van de <strong>120 aanmeldingen</strong>, wilt u er <strong>75 toelaten</strong> en <strong>45 afwijzen</strong><br /><em>bij leerlingplafond van 60</em>
  </div>
  <p>Er worden automatisch toelatings- en afwijzingsbrieven gegenereerd die naar uw e-mailadres worden verstuurd zoals opgegeven in Instellingen.</p>
  <p>De brieven kunnen vervolgens vanuit school naar de ouders worden verstuurd (per post dan wel per e-mail) ter bevestiging van de toelating dan wel afwijzing op uw school.</p>
  <div class="un-btn cf">
  	<button class="el-btn-blue"><span>Toelaten afronden<em class="el-a"></em></span></button>
    <a href="#" title="Annuleren">Annuleren</a>
  </div>
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>
